new Vue({
  el: "#app",
  data() {
    return {
      title: "物流大数据展示",
      i_Basic: {},
      i_PackageNum: [],
      i_GoodsTypePer: [],
      i_PingTaiPer: [],
      i_MonthTotal: {},
      i_GoodsSale: [],
      i_GlobalTrade:[],
      nowTimeInterval: null,
    };
  },
  mounted() {
    this.getData();
    this.getReady();
    this.ceshis4();
    this.nowTimeInterval = setInterval(() => {
      this.getTime();
    }, 1000);
    setInterval(() => {
      this.getData();
    }, 5000);
    $(".myscroll").myScroll({
      speed: 60, //数值越大，速度越慢
      rowHeight: 38, //li的高度
    });
  },
  watch: {
    query: {
      handler(val) {
        this.Wodry++;
        if (this.Wodry == 2) {
          setTimeout(this.getWodry);
        }
      },
    },
  },
  methods: {
    getReady() {
      var whei = $(window).width();
      $("html").css({ fontSize: whei / 22 });
      $(window).resize(function () {
        var whei = $(window).width();
        $("html").css({ fontSize: whei / 22 });
      });
    },
    // 调用接口获取数据
    getData() {
      const that = this;
      //基本信息查询
      $.ajax({
        url: "./ALLJSON/bigdata/BasicInfo.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_Basic == res.Data) {
              return;
            }
            that.i_Basic = res.Data;
          }
        },
      });
      // 各地包裹量排名
      $.ajax({
        url: "./ALLJSON/bigdata/PackageRank.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_PackageNum == res.Data) {
              return;
            }
            that.i_PackageNum = that.packageSort(res.Data);
          }
        },
      });
      // 各平台占比
      $.ajax({
        url: "./ALLJSON/bigdata/PingTaiPer.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_PingTaiPer == res.Data) {
              return;
            }
            that.i_PingTaiPer = res.Data;

            that.ceshis1(that.i_PingTaiPer);
          }
        },
      });
      // 商品类别占比
      $.ajax({
        url: "./ALLJSON/bigdata/GoodsTypePer.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_GoodsTypePer == res.Data) {
              return;
            }
            that.i_GoodsTypePer = res.Data;

            that.ceshis2(that.i_GoodsTypePer);
          }
        },
      });
      //月统计
      $.ajax({
        url: "./ALLJSON/bigdata/MonthTotal.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_MonthTotal == res.Data) {
              return;
            }
            that.i_MonthTotal = res.Data;

            that.ceshis3(that.i_MonthTotal);
          }
        },
      });

      // 全球贸易不会
      $.ajax({
        url: "./ALLJSON/bigdata/GlobalTrade.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_GlobalTrade == res.Data) {
              return;
            }
            that.i_GlobalTrade = res.Data;
            that.ceshis4(res.Data);
          }
        },
      });

      // 商品销售排行
      $.ajax({
        url: "./ALLJSON/bigdata/GoodsSale.json",
        type: "GET",
        success: function (res) {
          if (res.Status === "success") {
            if (that.i_GoodsSale == res.Data) {
              return;
            }
            that.i_GoodsSale = that.packageSort(res.Data);
          }
        },
      });

      // 国内各地数据情况统计不会
    },
    // 各平台占比echarts
    ceshis1(pt) {
      var myChart = echarts.init(document.getElementById("chart2"));
      var ydata = pt;
      var color = [
        "#8d7fec",
        "#5085f2",
        "#e75fc3",
        "#f87be2",
        "#f2719a",
        "#fca4bb",
        "#f59a8f",
        "#fdb301",
        "#57e7ec",
        "#cf9ef1",
      ];
      var xdata = [];
      for (var nameNum = 0; nameNum < pt.length; nameNum++) {
        xdata.push(pt[nameNum].name);
      }
      option = {
        /*backgroundColor: "rgba(255,255,255,1)",*/
        color: color,
        legend: {
          orient: "vartical",
          x: "left",
          top: "center",
          left: "53%",
          bottom: "0%",
          data: xdata,
          itemWidth: 8,
          itemHeight: 8,
          textStyle: {
            color: "#fff",
          },
          /*itemGap: 16,*/
          /*formatter:function(name){
                var oa = option.series[0].data;
                var num = oa[0].value + oa[1].value + oa[2].value + oa[3].value+oa[4].value + oa[5].value + oa[6].value + oa[7].value+oa[8].value + oa[9].value ;
                for(var i = 0; i < option.series[0].data.length; i++){
                    if(name==oa[i].name){
                        return ' '+name + '    |    ' + oa[i].value + '    |    ' + (oa[i].value/num * 100).toFixed(2) + '%';
                    }
                }
              }*/

          formatter: function (name) {
            return "" + name;
          },
        },
        series: [
          {
            type: "pie",
            clockwise: false, //饼图的扇区是否是顺时针排布
            minAngle: 2, //最小的扇区角度（0 ~ 360）
            radius: ["20%", "60%"],
            center: ["30%", "45%"],
            avoidLabelOverlap: false,
            itemStyle: {
              //图形样式
              normal: {
                borderColor: "#ffffff",
                borderWidth: 1,
              },
            },
            label: {
              normal: {
                show: false,
                position: "center",
                formatter: "{text|{b}}\n{c} ({d}%)",
                rich: {
                  text: {
                    color: "#fff",
                    fontSize: 14,
                    align: "center",
                    verticalAlign: "middle",
                    padding: 8,
                  },
                  value: {
                    color: "#8693F3",
                    fontSize: 24,
                    align: "center",
                    verticalAlign: "middle",
                  },
                },
              },
              emphasis: {
                show: true,
                textStyle: {
                  fontSize: 24,
                },
              },
            },
            data: ydata,
          },
        ],
      };
      myChart.setOption(option);

      setTimeout(function () {
        myChart.on("mouseover", function (params) {
          if (params.name == ydata[0].name) {
            myChart.dispatchAction({
              type: "highlight",
              seriesIndex: 0,
              dataIndex: 0,
            });
          } else {
            myChart.dispatchAction({
              type: "downplay",
              seriesIndex: 0,
              dataIndex: 0,
            });
          }
        });

        myChart.on("mouseout", function (params) {
          myChart.dispatchAction({
            type: "highlight",
            seriesIndex: 0,
            dataIndex: 0,
          });
        });
        myChart.dispatchAction({
          type: "highlight",
          seriesIndex: 0,
          dataIndex: 0,
        });
      }, 1000);

      myChart.currentIndex = -1;

      //

      // setInterval(function () {
      //   console.log(option.series[0].data);
      //   var dataLen = option.series[0].data.length;
      //   // 取消之前高亮的图形
      //   myChart.dispatchAction({
      //     type: "downplay",
      //     seriesIndex: 0,
      //     dataIndex: myChart.currentIndex,
      //   });
      //   myChart.currentIndex = (myChart.currentIndex + 1) % dataLen;
      //   // 高亮当前图形
      //   myChart.dispatchAction({
      //     type: "highlight",
      //     seriesIndex: 0,
      //     dataIndex: myChart.currentIndex,
      //   });
      // }, 1000);

      // 使用刚指定的配置项和数据显示图表。
      /*myChart.setOption(option);*/
      window.addEventListener("resize", function () {
        myChart.resize();
      });
    },

    // 商品分类占比echarts
    ceshis2(data) {
      var myChart = echarts.init(document.getElementById("chart3"));
      const goodstype = [];
      for (var goods = 0; goods < data.length; goods++) {
        goodstype.push(data[goods].name);
      }

      option = {
        /*backgroundColor: '#000',*/
        animation: true,
        title: {
          /*"text": 24,*/
          /* "subtext": "沥青工",*/
          x: "center",
          y: "center",
          textStyle: {
            color: "#fff",
            fontSize: 10,
            fontWeight: "normal",
            align: "center",
            width: "200px",
          },
          subtextStyle: {
            color: "#fff",
            fontSize: 12,
            fontWeight: "normal",
            align: "center",
          },
        },

        legend: {
          width: "100%",
          left: "center",
          textStyle: {
            color: "#fff",
            fontSize: 12,
          },
          icon: "circle",
          right: "0",
          bottom: "0",
          padding: [15, 20],
          itemGap: 5,
          data: goodstype,
        },
        series: [
          {
            type: "pie",
            center: ["50%", "40%"],
            radius: ["20%", "43%"],
            color: [
              "#FEE449",
              "#00FFFF",
              "#00FFA8",
              "#9F17FF",
              "#FFE400",
              "#F76F01",
              "#01A4F7",
              "#FE2C8A",
            ],
            startAngle: 135,
            labelLine: {
              normal: {
                length: 15,
              },
            },
            label: {
              normal: {
                formatter: "{b|{b}:}  {per|{d}%} ",
                backgroundColor: "rgba(255, 147, 38, 0)",
                borderColor: "transparent",
                borderRadius: 4,
                rich: {
                  a: {
                    color: "#999",
                    lineHeight: 12,
                    align: "center",
                  },
                  hr: {
                    borderColor: "#aaa",
                    width: "100%",
                    borderWidth: 1,
                    height: 0,
                  },
                  b: {
                    color: "#b3e5ff",
                    fontSize: 16,
                    lineHeight: 33,
                  },
                  c: {
                    fontSize: 14,
                    color: "#eee",
                  },
                  per: {
                    color: "#FDF44E",
                    fontSize: 14,
                    padding: [5, 8],
                    borderRadius: 2,
                  },
                },
                textStyle: {
                  color: "#fff",
                  fontSize: 16,
                },
              },
            },
            emphasis: {
              label: {
                show: true,
                formatter: "{b|{b}:}  {per|{d}%}  ",
                backgroundColor: "rgba(255, 147, 38, 0)",
                borderColor: "transparent",
                borderRadius: 4,
                rich: {
                  a: {
                    color: "#999",
                    lineHeight: 22,
                    align: "center",
                  },
                  hr: {
                    borderColor: "#aaa",
                    width: "100%",
                    borderWidth: 1,
                    height: 0,
                  },
                  b: {
                    color: "#fff",
                    fontSize: 14,
                    lineHeight: 33,
                  },
                  c: {
                    fontSize: 14,
                    color: "#eee",
                  },
                  per: {
                    color: "#FDF44E",
                    fontSize: 14,
                    padding: [5, 6],
                    borderRadius: 2,
                  },
                },
              },
            },
            data: data,
          },
          {
            type: "pie",
            center: ["50%", "40%"],
            radius: ["15%", "14%"],
            label: {
              show: false,
            },
            data: [
              {
                value: 78,
                name: "实例1",
                itemStyle: {
                  normal: {
                    color: {
                      x: 0,
                      y: 0,
                      x2: 1,
                      y2: 0,
                      type: "linear",
                      global: false,
                      colorStops: [
                        {
                          offset: 0,
                          color: "#9F17FF",
                        },
                        {
                          offset: 0.2,
                          color: "#01A4F7",
                        },
                        {
                          offset: 0.5,
                          color: "#FE2C8A",
                        },
                        {
                          offset: 0.8,
                          color: "#FEE449",
                        },
                        {
                          offset: 1,
                          color: "#00FFA8",
                        },
                      ],
                    },
                  },
                },
              },
            ],
          },
        ],
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
      myChart.currentIndex = -1;
      //myChart.setOption(option);

      //console.log(option.series[0].data[0]);
      // setInterval(function () {
      //   var dataLen = option.series[0].data.length;
      //   // 取消之前高亮的图形
      //   myChart.dispatchAction({
      //     type: "downplay",
      //     seriesIndex: 0,
      //     dataIndex: myChart.currentIndex,
      //   });
      //   myChart.currentIndex = (myChart.currentIndex + 1) % dataLen;
      //   // 高亮当前图形
      //   myChart.dispatchAction({
      //     type: "highlight",
      //     seriesIndex: 0,
      //     dataIndex: myChart.currentIndex,
      //   });
      // }, 1000);

      window.addEventListener("resize", function () {
        myChart.resize();
      });
    },

    // 月统计
    ceshis3(data) {
      var myChart = echarts.init(document.getElementById("chart4"));
      var sales = data.sales;
      var procurement = data.Procurement;
      var average = data.Average;
      var colors = [
        "rgb(46, 199, 201)",
        "rgb(90, 177, 239)",
        "rgb(255, 185, 128)",
      ];

      option = {
        color: colors,

        tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "cross",
          },
          formatter: function (params) {
            // 系列
            let html = params[0].name + "<br>";

            for (var i = 0; i < params.length; i++) {
              // 获取每个系列对应的颜色值
              html +=
                '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
                params[i].color +
                ';"></span>';

              // 通过判断指定系列增加 % 符号
              if (option.series[params[i].seriesIndex].type == "line") {
                html += params[i].seriesName + ": " + params[i].value + "%<br>";
              } else {
                html += params[i].seriesName + ": " + params[i].value + "<br>";
              }
            }
            return html;
          },
        },
        grid: {
          right: "20%",
        },
        toolbox: {
          feature: {
            dataView: {
              show: true,
              readOnly: false,
            },
            restore: {
              show: true,
            },
            saveAsImage: {
              show: true,
            },
          },
        },
        legend: {
          textStyle: {
            color: "#fff",
          },
          data: ["下单量", "付款量", "平均值"],
        },
        // 缩放组件
        /*dataZoom: {
                type: 'slider'
            },*/
        xAxis: [
          {
            type: "category",
            axisTick: {
              alignWithLabel: true,
            },
            axisLabel: {
              formatter: "{value} 万",
              textStyle: {
                color: "#ffffff", //X轴文字颜色
              },
            },
            data: [
              "1月",
              "2月",
              "3月",
              "4月",
              "5月",
              "6月",
              "7月",
              "8月",
              "9月",
              "10月",
              "11月",
              "12月",
            ],
          },
        ],
        yAxis: [
          {
            type: "value",
            name: "下单量",
            min: 0,
            max: 250,
            position: "right",
            axisLine: {
              lineStyle: {
                color: colors[0],
              },
            },
            axisLabel: {
              formatter: "{value} 万",
            },
          },
          {
            type: "value",
            name: "付款量",
            min: 0,
            max: 250,
            position: "right",
            offset: 80,
            axisLine: {
              lineStyle: {
                color: colors[1],
              },
            },
            axisLabel: {
              formatter: "{value} 万",
            },
          },
          {
            type: "value",
            name: "平均值",
            min: 0,
            max: 25,
            position: "left",
            axisLine: {
              lineStyle: {
                color: colors[2],
              },
            },
            axisLabel: {
              formatter: "{value} 万",
            },
          },
        ],
        series: [
          {
            name: "下单量",
            type: "bar",
            data: sales,
            itemStyle: {
              normal: {
                barBorderRadius: 2,
              },
            },
          },
          {
            barGap: "-50%", // 增加偏移量使重叠显示
            name: "付款量",
            type: "bar",
            yAxisIndex: 1,
            data: procurement,
            itemStyle: {
              normal: {
                barBorderRadius: 2,
              },
            },
          },
          {
            name: "平均值",
            type: "line",
            yAxisIndex: 2,
            data: average,
          },
        ],
      };
      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
      window.addEventListener("resize", function () {
        myChart.resize();
      });
    },

    // 全球贸易排行 不会
    ceshis4(globalTrade) {
      var myChart = echarts.init(document.getElementById("chart5"));
      var globalName=[];
      var globalNum=[];
      for(var gl=0;gl<globalTrade.length;gl++){
        globalName.push(globalTrade[gl].name);
        globalNum.push(globalTrade[gl].num);
        
      }
      var labelimg = "";

      (option = {
        /*backgroundColor: "#0E233E",*/
        grid: {
          left: "6%",
          top: "10%",
          right: "3%",
          bottom: "15%",
        },
        legend: {
          data: globalName,
          top: "92%",
          icon: "circle",
          textStyle: {
            color: "#0DCAD2",
          },
        },
        color: [
          "#534EE1",
          "#ECD64F",
          "#00E4F0",
          "#44D16D",
          "#124E91",
          "#BDC414",
          "#C8CCA5",
        ],
        tooltip: {
          position: "top",
        },
        xAxis: {
          type: "category",
          data: globalName,
          axisLabel: {
            show: false,
            color: "#999999",
            fontSize: 16,
          },
          axisTick: {
            show: false,
          },
          axisLine: {
            show: false,
          },
          splitLine: {
            show: false,
          },
        },
        yAxis: {
          type: "value",
          axisLabel: {
            show: false,
            color: "#999999",
            fontSize: 16,
          },
          axisTick: {
            show: false,
          },
          axisLine: {
            show: false,
          },
          splitLine: {
            show: false,
          },
        },
        series: [
          {
            name: globalName[0],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            name: globalName[1],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            name: globalName[2],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            name: globalName[3],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            name: globalName[4],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            name: globalName[5],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            name: globalName[6],
            data: [0, 0, 0, 0, 0, 0, 0],
            stack: "a",
            type: "bar",
          },
          {
            type: "pictorialBar",
            name: "提示框值",
            data: [
              {
                name: "",
                value: globalNum[0],
                label: {
                  show: true,
                  position: "top",
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#534EE1",
                      align: "center",
                      height: 40,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-2, 0, 2, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 50,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(83,78,225,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(83,78,225,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
              {
                name: "",
                value:  globalNum[1],
                label: {
                  show: true,
                  position: "top",
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#ECD64F",
                      align: "center",
                      height: 40,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-4, 0, 8, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 45,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(236,214,79,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(236,214,79,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
              {
                name: "",
                value:  globalNum[2],
                label: {
                  show: true,
                  position: "top",
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#00E4F0",
                      align: "center",
                      height: 40,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-4, 0, 8, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 45,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(0,228,240,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(0,228,240,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
              {
                name: "",
                value:  globalNum[3],
                label: {
                  show: true,
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  position: "top",
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#44D16D",
                      align: "center",
                      height: 40,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-4, 0, 8, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 45,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(68,209,109,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(68,209,109,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
              {
                name: "",
                value:globalNum[4],
                label: {
                  show: true,
                  position: "top",
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#124E91",
                      align: "center",
                      height: 30,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-4, 0, 8, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 45,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(18,78,145,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(18,78,145,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
              {
                name: "",
                value: globalNum[5],
                label: {
                  show: true,
                  position: "top",
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#BDC414",
                      align: "center",
                      height: 30,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-4, 0, 8, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 45,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(189,196,20,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(189,196,20,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
              {
                name: "",
                value: globalNum[6],
                label: {
                  show: true,
                  position: "top",
                  formatter: function (params) {
                    var index = params.dataIndex;
                    var str =
                      "{a|" + params.value + "}\n{c|" + params.value + "个}";
                    return str;
                  },
                  rich: {
                    a: {
                      fontSize: 18,
                      color: "#C8CCA5",
                      align: "center",
                      height: 30,
                    },
                    c: {
                      fontSize: 18,
                      color: "#fff",
                      padding: [-4, 0, 8, 0],
                      backgroundColor: {
                        image: labelimg,
                      },
                      align: "center",
                      verticalAlign: "bottom",
                      height: 45,
                      lineHeight: 40,
                      width: 100,
                    },
                  },
                },
                itemStyle: {
                  normal: {
                    color: {
                      type: "linear",
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0,
                          color: "rgba(200,204,165,1)",
                        },
                        {
                          offset: 1,
                          color: "rgba(200,204,165,0)",
                        },
                      ],
                      global: false,
                    },
                  },
                },
              },
            ],
            stack: "a",
            symbol:
              "path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z",
          },
        ],
      }),
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
      window.addEventListener("resize", function () {
        myChart.resize();
      });
    },

    getWodry() {
      var counter = 3000;
      var ulist = document.getElementById("package").getElementsByTagName("li");
      for (var i = 0; i < ulist.length; i++) {
        var liclass = ulist[i].className;
        $("." + liclass).wodry({
          animation: "rotateX",
          delay: counter,
          animationDuration: 1000,
        });
        if (counter > 3050) {
          counter = 3000;
        } else {
          counter += 10;
        }
      }
    },
    // 顶部时间
    getTime() {
      var myDate = new Date();
      var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
      var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
      var myToday = myDate.getDate(); //获取当前日(1-31)
      var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
      var myHour = myDate.getHours(); //获取当前小时数(0-23)
      var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
      var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
      var week = [
        "星期日",
        "星期一",
        "星期二",
        "星期三",
        "星期四",
        "星期五",
        "星期六",
      ];
      var nowTime;

      nowTime =
        myYear +
        "-" +
        this.fillZero(myMonth) +
        "-" +
        this.fillZero(myToday) +
        "&nbsp;&nbsp;" +
        this.fillZero(myHour) +
        ":" +
        this.fillZero(myMinute) +
        ":" +
        this.fillZero(mySecond) +
        "&nbsp;&nbsp;" +
        week[myDay] +
        "&nbsp;&nbsp;";
      //console.log(nowTime);
      $("#time").html(nowTime);
    },
    fillZero(str) {
      // 个位前边补零，双位返回原值
      var realNum;
      if (str < 10) {
        realNum = "0" + str;
      } else {
        realNum = str;
      }
      return realNum;
    },
  },
  computed: {
    query() {
      return [this.SaleCity, this.ProcureCity];
    },
    convertToTenThousand() {
      return function (amount) {
        if (amount >= 100000) {
          var tenThousand = Math.floor(amount / 10000);
          var convertedAmount = tenThousand + "万";
          return convertedAmount;
        } else {
          return parseInt(amount);
        }
      };
    },
    // 根据包裹量排序
    packageSort() {
      return function (arr) {
        const a = [];
        for (i = 0; i < arr.length - 1; i++) {
          for (j = i + 1; j < arr.length; j++) {
            if (arr[i].num > arr[j].num) {
              a[0] = { ...arr[i] };
              arr[i] = { ...arr[j] };
              arr[j] = { ...a[0] };
            }
          }
        }
        return arr;
      };
    },
  },

  directives: {},
  filters: {},
});
// $(function () {
//   /*ceshis();*/
//   ceshis1();
//   ceshis2();
//   ceshis3();
//   ceshis4();
//   ceshis5();

//   function ceshis5() {
//     var myChart = echarts.init(document.getElementById("map"));

//     var uploadedDataURL = "./js/data-1528971808162-BkOXf61WX.json";
//     //console.log(uploadedDataURL);
//     // echarts.extendsMap = function(id, opt) {
//     //     // 实例

//     //     var cityMap = {
//     //         "郑州市": zhengzhou,
//     //         "开封市": kaifeng,
//     //         "洛阳市": luoyang,
//     //         "平顶山市": pingdingshan,
//     //         "安阳市": anyang,
//     //         "鹤壁市": hebi,
//     //         "新乡市": xinxiang,
//     //         "焦作市": jiaozuo,
//     //         "濮阳市": puyang,
//     //         "漯河市": luohe,
//     //         "三门峡市": sanmenxia,
//     //         "南阳市": nanyang,
//     //         "商丘市": shangqiu,
//     //         "信阳市": xinyang,
//     //         "周口市": zhoukou,
//     //         "许昌市": xuchang,
//     //         "驻马店市": zhumadian
//     //     };

//     // }
//     var geoGpsMap = {
//       1: [116.4071, 39.9046],
//       2: [125.8154, 44.2584],
//       3: [121.4737, 31.2303],
//       4: [117.1582, 36.8701],
//       5: [103.9526, 30.7617],
//       6: [106.6302, 26.647],
//     };
//     var geoCoordMap = {
//       江苏: [118.8062, 31.9208],
//       黑龙江: [127.9688, 45.368],
//       内蒙古: [110.3467, 41.4899],
//       吉林: [125.8154, 44.2584],
//       北京市: [116.4551, 40.2539],
//       辽宁: [123.1238, 42.1216],
//       河北: [114.4995, 38.1006],
//       天津: [117.4219, 39.4189],
//       山西: [112.3352, 37.9413],
//       陕西: [109.1162, 34.2004],
//       甘肃: [103.5901, 36.3043],
//       宁夏: [106.3586, 38.1775],
//       青海: [101.4038, 36.8207],
//       新疆: [87.9236, 43.5883],
//       四川: [103.9526, 30.7617],
//       重庆: [108.384366, 30.439702],
//       山东: [117.1582, 36.8701],
//       河南: [113.4668, 34.6234],
//       安徽: [117.29, 32.0581],
//       湖北: [114.3896, 30.6628],
//       浙江: [119.5313, 29.8773],
//       福建: [119.4543, 25.9222],
//       江西: [116.0046, 28.6633],
//       湖南: [113.0823, 28.2568],
//       贵州: [106.6992, 26.7682],
//       云南: [102.9199, 25.4663],
//       广东: [113.12244, 23.009505],
//       广西: [108.479, 23.1152],
//       海南: [110.3893, 19.8516],
//       上海: [121.4648, 31.2891],
//     };

//     var d1 = {
//       江苏: 10041,
//       黑龙江: 4093,
//       内蒙古: 1157,
//       吉林: 4903,
//       北京市: 2667,
//       辽宁: 8331,
//       河北: 23727,
//       天津: 681,
//       山西: 5352,
//       陕西: 38,
//       甘肃: 77,
//       宁夏: 65,
//       青海: 10,
//       新疆: 193,
//       四川: 309,
//       重庆: 77,
//       山东: 21666,
//       河南: 15717,
//       安徽: 15671,
//       湖北: 3714,
//       浙江: 3141,
//       福建: 955,
//       江西: 4978,
//       湖南: 778,
//       贵州: 33,
//       云南: 149,
//       广东: 1124,
//       广西: 125,
//       海南: 7,
//       上海: 2155,
//     };

//     var d2 = {
//       江苏: 0,
//       黑龙江: 0,
//       内蒙古: 0,
//       吉林: 0,
//       北京市: 0,
//       辽宁: 0,
//       河北: 0,
//       天津: 0,
//       山西: 0,
//       陕西: 0,
//       甘肃: 0,
//       宁夏: 0,
//       青海: 0,
//       新疆: 0,
//       四川: 0,
//       重庆: 0,
//       山东: 0,
//       河南: 0,
//       安徽: 0,
//       湖北: 0,
//       浙江: 0,
//       福建: 0,
//       江西: 0,
//       湖南: 0,
//       贵州: 0,
//       云南: 0,
//       广东: 0,
//       广西: 0,
//       海南: 0,
//       上海: 0,
//     };

//     var d3 = {
//       江苏: 11788,
//       黑龙江: 1944,
//       内蒙古: 2954,
//       吉林: 3482,
//       北京市: 1808,
//       辽宁: 5488,
//       河北: 27035,
//       天津: 2270,
//       山西: 13623,
//       陕西: 4221,
//       甘肃: 754,
//       宁夏: 1783,
//       青海: 91,
//       新疆: 1907,
//       四川: 4905,
//       重庆: 1420,
//       山东: 39781,
//       河南: 16154,
//       安徽: 7914,
//       湖北: 6802,
//       浙江: 5812,
//       福建: 3345,
//       江西: 4996,
//       湖南: 5627,
//       贵州: 1504,
//       云南: 2725,
//       广东: 6339,
//       广西: 1009,
//       海南: 0,
//       上海: 1988,
//     };

//     var d4 = {
//       江苏: 0,
//       黑龙江: 0,
//       内蒙古: 0,
//       吉林: 0,
//       北京市: 0,
//       辽宁: 0,
//       河北: 0,
//       天津: 0,
//       山西: 0,
//       陕西: 0,
//       甘肃: 0,
//       宁夏: 0,
//       青海: 0,
//       新疆: 0,
//       四川: 0,
//       重庆: 0,
//       山东: 0,
//       河南: 0,
//       安徽: 0,
//       湖北: 0,
//       浙江: 0,
//       福建: 0,
//       江西: 0,
//       湖南: 0,
//       贵州: 0,
//       云南: 0,
//       广东: 0,
//       广西: 0,
//       海南: 0,
//       上海: 0,
//     };

//     var d5 = {
//       江苏: 159,
//       黑龙江: 5,
//       内蒙古: 54,
//       吉林: 10,
//       北京市: 0,
//       辽宁: 0,
//       河北: 1679,
//       天津: 1,
//       山西: 2698,
//       陕西: 1744,
//       甘肃: 362,
//       宁夏: 429,
//       青海: 122,
//       新疆: 731,
//       四川: 3925,
//       重庆: 1480,
//       山东: 79,
//       河南: 1017,
//       安徽: 208,
//       湖北: 1209,
//       浙江: 1418,
//       福建: 1237,
//       江西: 1004,
//       湖南: 1511,
//       贵州: 345,
//       云南: 1429,
//       广东: 2242,
//       广西: 2271,
//       海南: 59,
//       上海: 8,
//     };

//     var d6 = {
//       江苏: 20,
//       黑龙江: 60,
//       内蒙古: 80,
//       吉林: 10,
//       北京市: 80,
//       辽宁: 40,
//       河北: 50,
//       天津: 60,
//       山西: 40,
//       陕西: 60,
//       甘肃: 40,
//       宁夏: 10,
//       青海: 0,
//       新疆: 0,
//       四川: 80,
//       重庆: 0,
//       山东: 60,
//       河南: 0,
//       安徽: 0,
//       湖北: 10,
//       浙江: 100,
//       福建: 60,
//       江西: 0,
//       湖南: 0,
//       贵州: 150,
//       云南: 0,
//       广东: 80,
//       广西: 0,
//       海南: 0,
//       上海: 50,
//     };

//     var colors = [
//       ["#1DE9B6", "#1DE9B6", "#FFDB5C", "#FFDB5C", "#04B9FF", "#04B9FF"],
//       [
//         "#1DE9B6",
//         "#F46E36",
//         "#04B9FF",
//         "#5DBD32",
//         "#FFC809",
//         "#FB95D5",
//         "#BDA29A",
//         "#6E7074",
//         "#546570",
//         "#C4CCD3",
//       ],
//       [
//         "#37A2DA",
//         "#67E0E3",
//         "#32C5E9",
//         "#9FE6B8",
//         "#FFDB5C",
//         "#FF9F7F",
//         "#FB7293",
//         "#E062AE",
//         "#E690D1",
//         "#E7BCF3",
//         "#9D96F5",
//         "#8378EA",
//         "#8378EA",
//       ],
//       [
//         "#DD6B66",
//         "#759AA0",
//         "#E69D87",
//         "#8DC1A9",
//         "#EA7E53",
//         "#EEDD78",
//         "#73A373",
//         "#73B9BC",
//         "#7289AB",
//         "#91CA8C",
//         "#F49F42",
//       ],
//     ];
//     var colorIndex = 0;
//     $(function () {
//       // var geoCoordMap = {
//       //     '郑州': [113.64964385, 34.7566100641],
//       //     '开封': [114.351642118, 34.8018541758],
//       //     '洛阳': [112.447524769, 34.6573678177],
//       //     '平顶山': [113.300848978, 33.7453014565],
//       //     '安阳': [114.351806508, 36.1102667222],
//       //     '鹤壁': [114.297769838, 35.7554258742],
//       //     '新乡': [113.912690161, 35.3072575577],
//       //     '焦作': [113.211835885, 35.234607555],
//       //     '濮阳': [115.026627441, 35.7532978882],
//       //     '漯河': [114.0460614, 33.5762786885],
//       //     '三门峡': [111.181262093, 34.7833199411],
//       //     '南阳': [112.542841901, 33.0114195691],
//       //     "商丘": [115.641885688, 34.4385886402],
//       //     '信阳': [114.085490993, 32.1285823075],
//       //     '周口': [114.654101942, 33.6237408181],
//       //     '许昌': [113.83531246, 34.0267395887],
//       //     '驻马店': [114.049153547, 32.9831581541]
//       // };

//       var year = ["北京", "长春", "上海", "青岛", "成都", "贵阳"];
//       var mapData = [[], [], [], [], [], []];

//       /*柱子Y名称*/
//       var categoryData = [];
//       var barData = [];

//       for (var key in geoCoordMap) {
//         mapData[0].push({
//           year: "长春",
//           name: key,
//           value: d1[key] / 100,
//           value1: d1[key] / 100,
//         });
//         mapData[1].push({
//           year: "长春",
//           name: key,
//           value: d1[key] / 100,
//           value1: d2[key] / 100,
//         });
//         mapData[2].push({
//           year: "青岛",
//           name: key,
//           value: d3[key] / 100,
//           value1: d3[key] / 100,
//         });
//         mapData[3].push({
//           year: "青岛",
//           name: key,
//           value: d3[key] / 100,
//           value1: d4[key] / 100,
//         });
//         mapData[4].push({
//           year: "成都",
//           name: key,
//           value: d5[key] / 100,
//           value1: d5[key] / 100,
//         });
//         mapData[5].push({
//           year: "成都",
//           name: key,
//           value: d5[key] / 100,
//           value1: d6[key] / 100,
//         });
//       }

//       for (var i = 0; i < mapData.length; i++) {
//         mapData[i].sort(function sortNumber(a, b) {
//           return a.value - b.value;
//         });
//         barData.push([]);
//         categoryData.push([]);
//         for (var j = 0; j < mapData[i].length; j++) {
//           barData[i].push(mapData[i][j].value1);
//           categoryData[i].push(mapData[i][j].name);
//         }
//       }

//       /*$.getJSON(uploadedDataURL, function(geoJson) {*/

//       /*echarts.registerMap('china', geoJson);*/
//       /*echarts.registerMap('china', geoJson);*/
//       var convertData = function (data) {
//         var res = [];
//         for (var i = 0; i < data.length; i++) {
//           var geoCoord = geoCoordMap[data[i].name];
//           if (geoCoord) {
//             res.push({
//               name: data[i].name,
//               value: geoCoord.concat(data[i].value),
//             });
//           }
//         }
//         return res;
//       };

//       var convertToLineData = function (data, gps) {
//         var res = [];
//         for (var i = 0; i < data.length; i++) {
//           var dataItem = data[i];
//           var toCoord = geoCoordMap[dataItem.name];
//           //debugger;
//           var fromCoord = gps; //郑州
//           //  var toCoord = geoGps[Math.random()*3];
//           if (fromCoord && toCoord) {
//             res.push([
//               {
//                 coord: fromCoord,
//                 value: dataItem.value,
//               },
//               {
//                 coord: toCoord,
//               },
//             ]);
//           }
//         }
//         return res;
//       };

//       optionXyMap01 = {
//         timeline: {
//           data: year,
//           axisType: "category",
//           autoPlay: true,
//           playInterval: 3000,
//           left: "10%",
//           right: "10%",
//           bottom: "3%",
//           width: "80%",
//           //  height: null,
//           label: {
//             normal: {
//               textStyle: {
//                 color: "#ddd",
//               },
//             },
//             emphasis: {
//               textStyle: {
//                 color: "#fff",
//               },
//             },
//           },
//           symbolSize: 10,
//           lineStyle: {
//             color: "#555",
//           },
//           checkpointStyle: {
//             borderColor: "#777",
//             borderWidth: 2,
//           },
//           controlStyle: {
//             showNextBtn: true,
//             showPrevBtn: true,
//             normal: {
//               color: "#666",
//               borderColor: "#666",
//             },
//             emphasis: {
//               color: "#aaa",
//               borderColor: "#aaa",
//             },
//           },
//         },
//         baseOption: {
//           animation: true,
//           animationDuration: 1000,
//           animationEasing: "cubicInOut",
//           animationDurationUpdate: 1000,
//           animationEasingUpdate: "cubicInOut",
//           grid: {
//             right: "1%",
//             top: "15%",
//             bottom: "10%",
//             width: "20%",
//           },
//           tooltip: {
//             trigger: "axis", // hover触发器
//             axisPointer: {
//               // 坐标轴指示器，坐标轴触发有效
//               type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
//               shadowStyle: {
//                 color: "rgba(150,150,150,0.1)", //hover颜色
//               },
//             },
//           },
//           geo: {
//             show: true,
//             map: "china",
//             roam: true,
//             zoom: 1,
//             center: [113.83531246, 34.0267395887],
//             label: {
//               emphasis: {
//                 show: false,
//               },
//             },
//             itemStyle: {
//               normal: {
//                 borderColor: "rgba(147, 235, 248, 1)",
//                 borderWidth: 1,
//                 areaColor: {
//                   type: "radial",
//                   x: 0.5,
//                   y: 0.5,
//                   r: 0.8,
//                   colorStops: [
//                     {
//                       offset: 0,
//                       color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
//                     },
//                     {
//                       offset: 1,
//                       color: "rgba(147, 235, 248, .2)", // 100% 处的颜色
//                     },
//                   ],
//                   globalCoord: false, // 缺省为 false
//                 },
//                 shadowColor: "rgba(128, 217, 248, 1)",
//                 // shadowColor: 'rgba(255, 255, 255, 1)',
//                 shadowOffsetX: -2,
//                 shadowOffsetY: 2,
//                 shadowBlur: 10,
//               },
//               emphasis: {
//                 areaColor: "#389BB7",
//                 borderWidth: 0,
//               },
//             },
//           },
//         },
//         options: [],
//       };

//       for (var n = 0; n < year.length; n++) {
//         optionXyMap01.options.push({
//           /*backgroundColor: '#013954',*/
//           title: [
//             {
//               text: "物流平台",
//               subtext: "   ",
//               left: "35%",
//               top: "15%",
//               textStyle: {
//                 color: "#fff",
//                 fontSize: 25,
//               },
//             },
//             {
//               id: "statistic",
//               text: year[n] + "数据统计情况",
//               left: "75%",
//               top: "8%",
//               textStyle: {
//                 color: "#fff",
//                 fontSize: 25,
//               },
//             },
//           ],
//           xAxis: {
//             type: "value",
//             scale: true,
//             position: "top",
//             min: 0,
//             boundaryGap: false,
//             splitLine: {
//               show: false,
//             },
//             axisLine: {
//               show: false,
//             },
//             axisTick: {
//               show: false,
//             },
//             axisLabel: {
//               margin: 2,
//               textStyle: {
//                 color: "#aaa",
//               },
//             },
//           },
//           yAxis: {
//             type: "category",
//             //  name: 'TOP 20',
//             nameGap: 16,
//             axisLine: {
//               show: true,
//               lineStyle: {
//                 color: "#ddd",
//               },
//             },
//             axisTick: {
//               show: false,
//               lineStyle: {
//                 color: "#ddd",
//               },
//             },
//             axisLabel: {
//               interval: 0,
//               textStyle: {
//                 color: "#ddd",
//               },
//             },
//             data: categoryData[n],
//           },

//           series: [
//             //未知作用
//             {
//               //文字和标志
//               name: "light",
//               type: "scatter",
//               coordinateSystem: "geo",
//               data: convertData(mapData[n]),
//               symbolSize: function (val) {
//                 return val[2] / 10;
//               },
//               label: {
//                 normal: {
//                   formatter: "{b}",
//                   position: "right",
//                   show: true,
//                 },
//                 emphasis: {
//                   show: true,
//                 },
//               },
//               itemStyle: {
//                 normal: {
//                   color: colors[colorIndex][n],
//                 },
//               },
//             },
//             //地图？
//             {
//               type: "map",
//               map: "china",
//               geoIndex: 0,
//               aspectScale: 0.75, //长宽比
//               showLegendSymbol: false, // 存在legend时显示
//               label: {
//                 normal: {
//                   show: false,
//                 },
//                 emphasis: {
//                   show: false,
//                   textStyle: {
//                     color: "#fff",
//                   },
//                 },
//               },
//               roam: true,
//               itemStyle: {
//                 normal: {
//                   areaColor: "#031525",
//                   borderColor: "#FFFFFF",
//                 },
//                 emphasis: {
//                   areaColor: "#2B91B7",
//                 },
//               },
//               animation: false,
//               data: mapData,
//             },
//             //地图点的动画效果
//             {
//               //  name: 'Top 5',
//               type: "effectScatter",
//               coordinateSystem: "geo",
//               data: convertData(
//                 mapData[n]
//                   .sort(function (a, b) {
//                     return b.value - a.value;
//                   })
//                   .slice(0, 20)
//               ),
//               symbolSize: function (val) {
//                 return val[2] / 10;
//               },
//               showEffectOn: "render",
//               rippleEffect: {
//                 brushType: "stroke",
//               },
//               hoverAnimation: true,
//               label: {
//                 normal: {
//                   formatter: "{b}",
//                   position: "right",
//                   show: true,
//                 },
//               },
//               itemStyle: {
//                 normal: {
//                   color: colors[colorIndex][n],
//                   shadowBlur: 10,
//                   shadowColor: colors[colorIndex][n],
//                 },
//               },
//               zlevel: 1,
//             },
//             //地图线的动画效果
//             {
//               type: "lines",
//               zlevel: 2,
//               effect: {
//                 show: true,
//                 period: 4, //箭头指向速度，值越小速度越快
//                 trailLength: 0.1, //特效尾迹长度[0,1]值越大，尾迹越长重
//                 symbol: "arrow", //箭头图标
//                 symbolSize: 5, //图标大小
//               },
//               lineStyle: {
//                 normal: {
//                   color: colors[colorIndex][n],
//                   width: 0.3, //尾迹线条宽度
//                   opacity: 0.8, //尾迹线条透明度
//                   curveness: 0.3, //尾迹线条曲直度
//                 },
//               },
//               data: convertToLineData(mapData[n], geoGpsMap[n + 1]),
//             },
//             //柱状图
//             {
//               zlevel: 1.5,
//               type: "bar",
//               symbol: "none",
//               itemStyle: {
//                 normal: {
//                   color: colors[colorIndex][n],
//                 },
//               },
//               data: barData[n],
//             },
//           ],
//         });
//       }
//       myChart.setOption(optionXyMap01);
//       /*});*/
//     });

//     function randomNum(minNum, maxNum) {
//       switch (arguments.length) {
//         case 1:
//           return parseInt(Math.random() * minNum + 1, 10);
//           break;
//         case 2:
//           return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
//           break;
//         default:
//           return 0;
//           break;
//       }
//     }

//     // 使用刚指定的配置项和数据显示图表。
//     //myChart.setOption(option);
//     window.addEventListener("resize", function () {
//       myChart.resize();
//     });
//   }

//   function ceshis7() {
//     var myChart = echarts.init(document.getElementById("chart_1"));

//     // 使用刚指定的配置项和数据显示图表。
//     myChart.setOption(option);
//     window.addEventListener("resize", function () {
//       myChart.resize();
//     });
//   }
// });
